<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>韬睿科技客户跟进管理系统</title>
<!--<link rel="stylesheet" type="text/css" href="static/css/login.css">
	<script src="http://libs.useso.com/js/jquery/2.1.1/jquery.min.js" type="text/javascript"></script>
	<script>window.jQuery || document.write('<script src="static/js/jquery-2.1.1.min.js"><\/script>')</script>
	<script type="text/javascript" src = "static/js/login.js"></script>
 -->
 
 	<link rel="stylesheet" type="text/css" href="css/cloud-admin.css" >	
	<link href="css/font-awesome.min.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="css/daterangepicker-bs3.css" />
	<link rel="stylesheet" type="text/css" href="css/uniform.default.min.css" />
	<link rel="stylesheet" type="text/css" href="css/animate.min.css" />
	<!-- FONTS -->
	<link href='http://fonts.useso.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css'>
 	<script src="js/jquery-2.0.3.min.js"></script>	
 	<script src="js/jquery-ui-1.10.3.custom.min.js"></script>
 	<script src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/jquery.uniform.min.js"></script>
	<script type="text/javascript" src="js/jquery.backstretch.min.js"></script>
	<script src="js/script.js"></script>
	<script >
		jQuery(document).ready(function() {		
			App.setPage("login_bg");  //Set current page
			App.init(); //Initialise plugins and elements
		});
	</script>
	<script type="text/javascript">
		function swapScreen(id) {
			jQuery('.visible').removeClass('visible animated fadeInUp');
			jQuery('#'+id).addClass('visible animated fadeInUp');
		}
	</script>
</head>
<body class="login">
	<!--  <div>
		<div id="wrapper" class="login-page">
		  <div id="login_form" class="form">
		    <form class="login-form" action="login"  method="post">
		      <input type="text" placeholder="用户名" name="empName"/>
		      <input type="password" placeholder="密码" name="empPassword"/>
		      <button id="login" type="submit">登　录</button>
		      ${error }
		    </form>
		  </div>
		</div>
	</div>	
	-->
	<section id="page">
			<section id="login_bg" class="visible">
				<div class="container">
					<div class="row">
						<div class="col-md-4 col-md-offset-4">
							<div class="login-box">
								<h2 class="bigintro">登录</h2>
								<div class="divide-40"></div>
								<form role="form" action="login" method="post">
								  <div class="form-group">
									<label for="exampleInputEmail1">用户名</label>
									<i class="fa fa-envelope"></i>
									<input type="text" name="empName" class="form-control" id="exampleInputEmail1" >
								  </div>
								  <div class="form-group"> 
									<label for="exampleInputPassword1">密码</label>
									<i class="fa fa-lock"></i>
									<input type="password" name="empPassword" class="form-control" id="exampleInputPassword1" >
								  </div>
								  <div>
									<button type="submit" class="btn btn-danger">登录</button>
								  </div>
								</form>
								<div class="login-helpers">
									<a href="#" onclick="swapScreen('forgot_bg');return false;">忘记密码？</a>&nbsp;&nbsp;<span style="color:red">${error}</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>
			<!-- 忘记密码？ -->
			<section id="forgot_bg">
				<div class="container">
					<div class="row">
						<div class="col-md-4 col-md-offset-4">
							<div class="login-box">
								<h2 class="bigintro">密码重置</h2>
								<div class="divide-40"></div>
								<form role="form">
								  <div class="form-group">
									<label for="exampleInputEmail1">输入用户名</label>
									<i class="fa fa-envelope"></i>
									<input class="form-control" id="exampleInputEmail1" >
								  </div>
								  <div>
									<button type="submit" class="btn btn-info">发送重置信息</button>
								  </div>
								</form>
								<div class="login-helpers">
									<a href="#" onclick="swapScreen('login_bg');return false;">返回登录</a> <br>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>
		</section>
</body>
</html>